<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<link rel="icon" href="./favicon.ico" />
<title>首页</title>
<script src="./assets/js/global.js"></script>
</head>

<body>
  <div v-cloak id="app">
    
    <!-- 头部 -->
    <zb-head url="index.html" :back="false"></zb-head>
    <!-- banner -->
    <div class="banner-box">
      <div class="ban-nav">
        <div class="div">
          <div class="h2">热门专业</div>
          <a v-for="(item, index) in bannerNavs.list1" :key="index" :href="item.url.length > 0 ? item.url : 'javascript:;'" class="a">{{item.name}}</a>
        </div>
        <div class="div">
          <div class="h2">热点关注</div>
          <a v-for="(item, index) in bannerNavs.list2" :key="index" :href="item.url.length > 0 ? item.url : 'javascript:;'" class="a">{{item.name}}</a>
        </div>
        <div class="div">
          <a v-for="(item, index) in bannerNavs.list3" :key="index" :href="item.url.length > 0 ? item.url : 'javascript:;'" class="a2">{{item.name}}</a>
        </div>
      </div>
      <div class="banner">
        <div class="swiper mySwiper">
          <div class="swiper-wrapper">
            <div v-for="(item, index) in banners" :key="index" class="swiper-slide">
              <img class="banner-item" :src="item" alt="">
            </div>
          </div>
        </div>
        <div class="swiper-pagination"></div>
        <span class="prev swiper-button-prev arrow swiper-button-white"></span>
        <span class="next swiper-button-next arrow swiper-button-white"></span>
      </div>
      
      <!-- <el-carousel class="banner" trigger="click" height="450px">
        <el-carousel-item v-for="(item, index) in banners" :key="index">
          <img class="banner-item" :src="item" alt="">
        </el-carousel-item>
      </el-carousel> -->
    </div>
    
    <!-- 定制个性化专业 -->
    <div class="main1">
      <div class="w1200">
        <zb-title title="定制<b>个性化专业</b>" intro="精准选专业，精英院校，职达未来" bottom="46"></zb-title>
        <div class="gexing-list">
          <a v-for="(item, index) in gexing" :key="index" :href="item.url.length > 0 ? item.url : 'javascript:;'" class="a">
            <img :src="item.icon" alt="" class="ico">
            <div class="name">{{item.name}}</div>
          </a>
        </div>
      </div>
    </div>
    <!-- 空乘招生报名优势全解析 -->
    <div class="main2">
      <div class="w1200">
        <zb-title title="空乘招生<b>报名优势全解析</b>" intro="多年的专业实力，只为成就更好的你" bottom="46" top="20"></zb-title>
        <div class="jiexi">
          <div class="le">
            <h3 class="h2">{{year}}年春季<p class="p">快速为您挑选院校</p></h3>
            <dl class="list">
              <dd v-for="(item, index) in jiexi.tabs" :key="index" @mousemove="jiexi.cur = index" class="a" :class="{on: jiexi.cur === index}">{{item}}</dd>
            </dl>
            <a href="" class="btn flex-ct">点击报名</a>
          </div>
          <div class="ri flex-bect">
            <div class="mid">
              <div v-if="jiexi.cur < 2" class="list" :class="['list'+jiexi.cur]">
                <div v-for="(item, index) in jiexi.list[jiexi.cur]" :key="index" href="" class="a" :class="{on: index < 3}">
                 <div class="div row1">
                   <span class="name">{{item.name}}</span>
                   <span class="intro">{{item.text}}</span>
                 </div>
                 <a href="" class="btn">咨询</a>
                </div>
              </div>
              
              <div v-if="jiexi.cur === 2" class="list" :class="['list'+jiexi.cur]">
                <div v-for="(item, index) in jiexi.list[jiexi.cur]" :key="index" class="a flex-bect">
                 <div class="div flex-lect">
                   <span class="name">{{item.name}}</span>
                   <span class="lab">{{item.num < item.total ? '未满':'已满'}}</span>
                 </div>
                 <div class="div2 flex-lect">
                   <span class="sp1">本周已报9人</span>
                   <a href="" class="btn">报名</a>
                 </div>
                </div>
              </div>
              
              <div v-if="jiexi.cur === 3" class="list flex-lect" :class="['list'+jiexi.cur]">
                <a v-for="(item, index) in jiexi.list[jiexi.cur]" :key="index" href="" class="flex-ct a">{{item.name}}</a>
              </div>
              
              
            </div>
          
          
            <div class="hot">
              <el-carousel class="hot-ban" trigger="click" height="170px">
                <el-carousel-item v-for="(item, index) in jiexi.banner" :key="index">
                  <img class="banner-item" :src="item" alt="">
                </el-carousel-item>
              </el-carousel>
              
              <div class="tabs flex-bect">
                <div v-for="(item, index) in jiexi.ritabs" :key="index" class="item" @mousemove="jiexi.ricur = index" :class="{on: jiexi.ricur === index}">{{item.name}}</div>
              </div>
              <div class="tabs-con">
                <a v-for="(item, index) in jiexi.ritabs[jiexi.ricur].list" :key="index" href="" class="a row1" :class="['a'+jiexi.ricur]">{{item.name}}</a>
              </div>
            </div>
          </div>
        </div>
        <div class="flex-bect bottom">
          <template v-for="(item, index) in jiexi.bottom">
            <a href="" class="a flex-lect">
              <img :src="item.ico" alt="" class="ico">
              <div class="div">
                <span class="name">{{item.name}}</span>
                <div class="p">{{item.text}}</div>
              </div>
            </a>
            <span class="line" v-if="index < jiexi.bottom.length-1"></span>
          </template>
          
        </div>
      </div>
    </div>
    <!-- 艺考生学空乘 -->
    <div class="main3">
      <div class="w1200">
        <zb-title title="<b>艺考生</b>学空乘" intro="不走艺考独木桥，另辟蹊径上高校" bottom="60" top="65"></zb-title>
        <div class="tabs flex-bect">
          <div class="flex-lect">
            <span v-for="(item, index) in yksxkc.tabs" :key="index" @mousemove="mousemoveYks(index)" class="a" :class="{on: yksxkc.cur === index}">{{item.name}}</span>
          </div>
          <span class="intro">全国咨询热线：400-8230180</span>
        </div>
        <div class="mid flex-bect">
          <div class="img">
            <img :src="yksxkc.tabs[yksxkc.cur].data[yksxkc.cur2].img" alt="" class="big">
            <a href="" class="btn flex-ct">了解详情<img src="./assets/images/newhome/jt-1.png" alt="" class="ico"></a>
            <a href="" class="btn btn2 flex-ct">立即报名<img src="./assets/images/newhome/jt-2.png" alt="" class="ico"></a>
          </div>
          <div class="ri">
            <div v-for="(item, index) in yksxkc.riCon" :key="index" class="item">
              <div class="name">{{item.name}}</div>
              <div class="intro">{{item.intro}}</div>
            </div>
          </div>
        </div>
        
        <div class="bottom flex-bect">
          <div class="le flex-bect">
            <div class="prev arrow"><img src="./assets/images/newhome/yks-le.png" alt="" /></div>
            <div class="ban">
              <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                  <div v-for="(item, index) in yksxkc.tabs[yksxkc.cur].data" :key="index" class="swiper-slide" @mousemove="yksxkc.cur2 = index">
                    <img :src="item.logo" alt="" class="logo">
                    <div class="name">{{item.name}}</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="next arrow"><img src="./assets/images/newhome/yks-ri.png" alt="" /></div>
          </div>
          <div class="ri">
            <div class="name">{{yksxkc.tabs[yksxkc.cur].data[yksxkc.cur2].name}}</div>
            <div class="intro row4">{{yksxkc.tabs[yksxkc.cur].data[yksxkc.cur2].intro}}</div>
          </div>
        </div>
        
      </div>
    </div>
    <!-- 热点话题备考锦囊 -->
    <div class="main4">
      <div class="w1200">
        <zb-title title="<b>热点话题</b>备考锦囊" intro="全科备考攻略，多方位进阶提升" bottom="47" top="71"></zb-title>
        <div class="flex-bect">
          <a v-for="(item, index) in hotHuati" :key="index" class="item" :class="['item'+index]">
            <div class="imgW" :style="{backgroundImage: 'url('+ item.bg +')'}">
              <ul class="div">
                <li v-for="(items, j) in item.lab" :key="j" class="li">{{j+1}}.{{items}}</li>
              </ul>
            </div>
            <span class="btn">{{item.name}}</span>
          </a>
        </div>
      </div>
    </div>
    <!-- 航空院校岗位及就业前景一览 -->
    <div class="main5">
      <div class="w1200">
        <zb-title title="<b>航空院校岗位</b>及就业前景一览" intro="全科备考攻略，多方位进阶提升" bottom="72" top="69"></zb-title>
        <div class="tabs flex-bect">
          <span v-for="(item, index) in hkyxgw" :key="index" @mousemove="hkyxgwCur = index" class="a" :class="{on: hkyxgwCur == index}">{{item.name}}</span>
        </div>
        <div class="con flex-bect">
          <!-- <div class="le"><img src="./assets/images/newhome/hkyx-le.png" alt="" /></div> -->
          <div class="hynr_left">
              <h2>限时预约报名</h2>
              <h3><span>航空院校</span>招生网</h3>
              <p>集结众多专业岗位，<br>实战干货倾囊相授！</p>
              <a href="javascript:;">立即报名</a>
              <h4>限时报名，名额有限，满额截至！</h4>
          </div>
          <div class="img"><img :src="hkyxgw[hkyxgwCur].img" alt="" /></div>
          <div class="ri">
            <div class="top">
              <span class="name">{{hkyxgw[hkyxgwCur].name}}</span>
              <span class="intro">{{hkyxgw[hkyxgwCur].intro}}</span>
            </div>
            <div class="guonw">国内：<br>{{hkyxgw[hkyxgwCur].guonei}}</div>
            <div class="guonw" style="margin-bottom: 30px;">国外：<br>{{hkyxgw[hkyxgwCur].guowai}}</div>
            <div class="school flex-ct">推荐院校：<span class="sp">{{hkyxgw[hkyxgwCur].school}}</span></div>
            <div class="flex-lect">
              <a href="" class="btn">在线咨询</a>
              <a href="" class="btn btn2">点击报名</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="online">
      <div class="w1200 flex-bect">
        <div class="flex-lect form">
          <el-select v-model="form.zhuanye" placeholder="请选择专业" class="text text1">
            <el-option v-for="(item,index) in zhuangyeList" :label="item.name" :value="item.id"></el-option>
          </el-select>
          <el-input placeholder="请输入姓名" class="text text2" v-model="form.name"></el-input>
          <el-input placeholder="请输入手机号码" class="text text3" v-model="form.mobile"></el-input>
        </div>
        <span class="btn flex-ct">报名入口</span>
      </div>
    </div>
    <!-- 热门专业招生专区 -->
    <div class="main6">
      <div class="w1200">
        <zb-title title="<b>热门专业</b>招生专区" intro="全科备考攻略，多方位进阶提升" bottom="69" top="69"></zb-title>
        <div class="m6-box box1 flex-bect">
          <div class="le"><img src="./assets/images/newhome/rmzy-1.png" class="img" alt="" /></div>
          <div class="ri">
            <div class="tabs flex-bect">
              <span class="flex1 sp">{{hotZhuangye.kongjie.name}}</span>
              <span v-for="(item,index) in hotZhuangye.tabs" :key="index" class="item flex-ct" @mousemove="hotZhuangye.cur1 = index" :class="{on:hotZhuangye.cur1 === index}">{{item}}</span>
            </div>
            
            <div class="con con1" v-if="hotZhuangye.cur1 === 0">
              <div class="tit flex-bect">
                <span class="sp">空乘专业就业前景</span>
                <a href="" class="more">查看详情</a>
              </div>
              <div class="line"></div>
              <div class="intro" v-html="hotZhuangye.kongjie.qianjing.intro"></div>
              
              
              <div class="tit flex-bect">
                <span class="sp">空乘专业核心优势</span>
                <a href="" class="more">咨询报名</a>
              </div>
              <div class="line"></div>
              <dl class="ys">
                <dd v-for="(item,index) in hotZhuangye.kongjie.qianjing.ys" :key="index" class="li">{{index+1}}、{{item}}</dd>
              </dl>
              
            </div>
            
            <div class="con con2 flex-bect" v-if="hotZhuangye.cur1 === 1">
              <div class="tabs2">
                <span v-for="(item,index) in hotZhuangye.kongjie.gxtj" :key="index" class="item flex-ct" @click="hotZhuangye.cur11 = index" :class="{on:hotZhuangye.cur11 === index}">{{item.name}}</span>
              </div>
              <dl class="list">
                <dd v-for="(item,index) in hotZhuangye.kongjie.gxtj[hotZhuangye.cur11].list" :key="index" class="item flex-bect">
                  <div class="imgW"><img :src="item.img" alt="" class="img"></div>
                  <div class="div">
                    <div class="name">{{item.name}}</div>
                    <div class="intro">{{item.intro}}</div>
                  </div>
                  <a href="" class="more">在线咨询</a>
                </dd>
              </dl>
            </div>
            
            <div class="con con3 flex-bect" v-if="hotZhuangye.cur1 === 2">
              <div class="imgs">
                <img v-for="(item,index) in hotZhuangye.kongjie.msyqimgs" :key="index" :src="item" class="img" alt="" />
              </div>
              <div class="texts">
                <div class="tit flex-bect">
                  <span class="sp">空乘专业面试要求一览</span>
                  <a href="" class="more">查看详情</a>
                </div>
                <div class="line"></div>
                <div class="intro">
                  <dd v-for="(item,index) in hotZhuangye.kongjie.msyq" :key="index" class="li">
                    <span class="num">{{index+1}}、</span>{{item}}
                  </dd>
                </div>
              </div>
            </div>
            
          </div>
        </div>
        
        
        <div class="m6-box box2 flex-bect">
          <div class="le"><img src="./assets/images/newhome/rmzy-2.png" class="img" alt="" /></div>
          <div class="ri">
            <div class="tabs flex-bect">
              <span class="flex1 sp">{{hotZhuangye.gaotie.name}}</span>
              <span v-for="(item,index) in hotZhuangye.tabs" :key="index" class="item flex-ct" @mousemove="hotZhuangye.cur2 = index" :class="{on:hotZhuangye.cur2 === index}">{{item}}</span>
            </div>
            
            <div class="con con1" v-if="hotZhuangye.cur2 === 0">
              <div class="tit flex-bect">
                <span class="sp">高铁专业就业前景</span>
                <a href="" class="more">查看详情</a>
              </div>
              <div class="line"></div>
              <div class="intro" v-html="hotZhuangye.gaotie.qianjing.intro"></div>
              
              
              <div class="tit flex-bect">
                <span class="sp">高铁专业核心优势</span>
                <a href="" class="more">咨询报名</a>
              </div>
              <div class="line"></div>
              <dl class="ys">
                <dd v-for="(item,index) in hotZhuangye.gaotie.qianjing.ys" :key="index" class="li">{{index+1}}、{{item}}</dd>
              </dl>
              
            </div>
            
            <div class="con con2 flex-bect" v-if="hotZhuangye.cur2 === 1">
              <div class="tabs2">
                <span v-for="(item,index) in hotZhuangye.gaotie.gxtj" :key="index" class="item flex-ct" @click="hotZhuangye.cur22 = index" :class="{on:hotZhuangye.cur22 === index}">{{item.name}}</span>
              </div>
              <dl class="list">
                <dd v-for="(item,index) in hotZhuangye.gaotie.gxtj[hotZhuangye.cur22].list" :key="index" class="item flex-bect">
                  <div class="imgW"><img :src="item.img" alt="" class="img"></div>
                  <div class="div">
                    <div class="name">{{item.name}}</div>
                    <div class="intro">{{item.intro}}</div>
                  </div>
                  <a href="" class="more">在线咨询</a>
                </dd>
              </dl>
            </div>
            
            <div class="con con3 flex-bect" v-if="hotZhuangye.cur2 === 2">
              <div class="imgs">
                <img v-for="(item,index) in hotZhuangye.gaotie.msyqimgs" :key="index" :src="item" class="img" alt="" />
              </div>
              <div class="texts">
                <div class="tit flex-bect">
                  <span class="sp">高铁专业面试要求一览</span>
                  <a href="" class="more">查看详情</a>
                </div>
                <div class="line"></div>
                <div class="intro">
                  <dd v-for="(item,index) in hotZhuangye.gaotie.msyq" :key="index" class="li">
                    <span class="num">{{index+1}}、</span>{{item}}
                  </dd>
                </div>
              </div>
            </div>
            
          </div>
        </div>
        
      </div>
    </div>
    <!-- 更多高薪专业专区 -->
    <div class="main7">
      
      <div class="w1200">
        <zb-title title="<b>更多高薪</b>专业专区" intro="全科备考攻略，多方位进阶提升" bottom="39" top="69"></zb-title>
        <div class="tabs flex-lect">
          <span v-for="(item,index) in gaoxin.tabs" :key="index" class="a flex-ct" @mousemove="gaoxin.cur1 = index" :class="{on:gaoxin.cur1 === index}">{{item.name}}</span>
        </div>
      </div>
      <div class=" con-box" :class="['bg'+gaoxin.cur1]">
        <div class="flex-bect w1200">
          <div class="le">
            <div class="name">我要学{{gaoxin.tabs[gaoxin.cur1].name}}</div>
            <div class="tabs2">
              <div v-for="(item,index) in gaoxin.tabs2" :key="index" class="a"  @mousemove="gaoxin.cur2 = index" :class="{on:gaoxin.cur2 === index}">{{item}}</div>
            </div>
          </div>
          
          <div class="ri">
            <div class="con con1" v-if="gaoxin.cur2 === 0">
              <div class="tit flex-bect">
                <span class="sp">{{gaoxin.tabs[gaoxin.cur1].name}}业就业前景</span>
                <a href="" class="more">查看详情</a>
              </div>
              <div class="line"></div>
              <div class="intro" v-html="gaoxin.tabs[gaoxin.cur1].qianjing.intro"></div>
              
              
              <div class="tit flex-bect">
                <span class="sp">{{gaoxin.tabs[gaoxin.cur1].name}}业核心优势</span>
                <a href="" class="more">咨询报名</a>
              </div>
              <div class="line"></div>
              <dl class="ys">
                <dd v-for="(item,index) in gaoxin.tabs[gaoxin.cur1].qianjing.ys" :key="index" class="li">{{index+1}}、{{item}}</dd>
              </dl>
              
            </div>
            
            <div class="con con2 flex-bect" v-if="gaoxin.cur2 === 1">
              <div class="bg"></div>
              <dl class="list">
                <dd v-for="(item,index) in gaoxin.tabs[gaoxin.cur1].gxtj[gaoxin.cur22].list" :key="index" class="item flex-bect">
                  <div class="imgW"><img :src="item.img" alt="" class="img"></div>
                  <div class="div">
                    <div class="name">{{item.name}}</div>
                    <div class="intro">{{item.intro}}</div>
                  </div>
                  <a href="" class="more">在线咨询</a>
                </dd>
              </dl>
              <div class="tabs2">
                <span v-for="(item,index) in gaoxin.tabs[gaoxin.cur1].gxtj" :key="index" class="item flex-ct" @click="gaoxin.cur22 = index" :class="{on:gaoxin.cur22 === index}">{{item.name}}</span>
              </div>
            </div>
            
            <div class="con con3 flex-bect" v-if="gaoxin.cur2 === 2">
              <div class="imgs">
                <img v-for="(item,index) in gaoxin.tabs[gaoxin.cur1].msyqimgs" :key="index" :src="item" class="img" alt="" />
              </div>
              <div class="texts">
                <div class="tit flex-bect">
                  <span class="sp">{{gaoxin.tabs[gaoxin.cur1].name}}面试要求一览</span>
                  <a href="" class="more">查看详情</a>
                </div>
                <div class="line"></div>
                <div class="intro">
                  <dd v-for="(item,index) in gaoxin.tabs[gaoxin.cur1].msyq" :key="index" class="li">
                    <span class="num">{{index+1}}、</span>{{item}}
                  </dd>
                </div>
              </div>
            </div>
          </div>
          
        </div>
        
      </div>
    </div>
    
    <!-- 航空专业院校招生联合展 -->
    <div class="main8">
      <div class="w1200">
        <zb-title title="<b>航空专业院校</b>招生联合展" intro="全科备考攻略，多方位进阶提升" bottom="49" top="63"></zb-title>
        <dl class="top">
          <dd v-for="(item,index) in hkzyyx.select" :key="index" class="dd flex-lect">
            <span class="lab">{{item.name}}：</span>
            <span v-for="(items,j) in item.list" :key="j" class="item" :class="{on: item.cur === j}" @click="item.cur = j">{{items.name}}</span>
          </dd>
        </dl>
        <dl class="list flex-bect">
          <dd v-for="(item,j) in hkzyyx.list" :key="j" class="flex-bect item">
            <div class="imgW">
              <img :src="item.img" alt="" class="img">
              <div class="p">学校所在地：{{item.address}}</div>
            </div>
            <div class="div">
              <div class="name row2">{{item.name}}</div>
              <div class="intro row2">专业设置：{{item.intro}}</div>
              <div class="flex-lect">
                <a href="" class="btn flex-ct">学校详情</a>
                <a href="" class="btn flex-ct btn2">立即报名</a>
              </div>
            </div>
          </dd>
        </dl>
        <div class="page">
          <el-pagination background layout="prev, pager, next" :total="hkzyyx.total" @current-change="handleCurrentChange">
          </el-pagination>
        </div>
      </div>
    </div>
    <!-- 航空专业院校就业单位 -->
    <div class="main9">
      <div class="w1200">
        <zb-title title="<b>航空专业院校</b>就业单位" intro="全科备考攻略，多方位进阶提升" bottom="80" top="90"></zb-title>
        <img src="./assets/images/newhome/jydw.png" alt="" />
      </div>
    </div>
    <!-- 底部表单 -->
    <book-form></book-form>
    
    
    <zb-foot></zb-foot>

  </div>
  
  <script type="text/babel">
    const year = new Date().getFullYear();
    let yksSwiper = null;
    let hotZyList = [
      {id:1, name:'华北电力大学(保定)继续教育学院', intro:"企业人才培养计划：技能+职业资格证书+就业推荐", img:"./assets/images/newhome/gxtj-kj-1.png"},
      {id:2, name:'西安交通大学继续教育学院', intro:"企业人才培养计划：技能+职业资格证书+就业推荐", img:"./assets/images/newhome/gxtj-kj-2.png"},
      {id:3, name:'北京工商大学嘉华学院继续教育学院', intro:"企业人才培养计划：技能+职业资格证书+就业推荐", img:"./assets/images/newhome/gxtj-kj-3.png"},
      {id:4, name:'太原理工大学继续教育学院', intro:"企业人才培养计划：技能+职业资格证书+就业推荐", img:"./assets/images/newhome/gxtj-kj-4.png"}
    ]
    let msyq = [
      '初高中毕业生。具有较强的服务意识和良好的道德品质；口齿伶俐，中英文发音准确，性格开朗、大方，心理素质好，富有合作精神；',
      '身高：男生174~182cm；女生162~172cm；视力：矫正视力不低于0.4，无色盲、色弱、斜视；五官端正，肤色好，面部和手、臂等裸露部位无明显的疤痕；身体健康、体形匀称，无明显的"O"型、"X"型腿；',
      '无肝炎或肝脾肿大、HbsAg 阴性；无精神病史，无各类慢性疾病，无肺结核等传染病；无久治不愈的皮肤病，如头癣、湿疹、牛皮癣、慢性荨麻疹等'
    ]
    let qianjing = {
      intro:"我国正处于“民航大国”向“民航强国”的转变过程中，在未来十年内民航就业将处于一个巨大的上升期。据权威部门预测，我国对于空乘人才需求近50万，每年至少需要新增40000名航空服务专业人空乘职业每年有约20%的人调转岗位。这样一来空乘的需...",
      ys:["我国对于空乘人才需求近50万，每年至少需要新增40000名航空服务专业人员；","英语、德语、法语、等多语言学习，学子技能更丰富；","校企合作联合招生，培养航空复合型人才。"]
    }
    new Vue({
      el: '#app',
      data: {
        
        hkzyyx:{
          total:30,
          cur1:'',
          cur2:'',
          cur3:'',
          select:[
            {
              name:"招生专业", cur:'', list:[{id:1, name:"初中生"}, {id:2, name:"高中在读"}, {id:3, name:"高考生"}, {id:4, name:"艺考生"}],
            },
            {
              name:"学校地区", cur:'', list:[{id:1, name:"华北地区"}, {id:3, name:"西南地区"}, {id:4, name:"华南地区"}, {id:5, name:"华东地区"}, {id:6, name:"东北地区"}, {id:7, name:"其他地区"}],
            },
            {
              name:"学习时间", cur:'', list:[{id:1, name:"3-6月"}, {id:2, name:"二年"}, {id:3, name:"三年"}, {id:4, name:"四年"}],
            }
            
          ],
          list:[
            {id:1, name:'广东外语外贸大学继续教 育学院', intro:"空姐/空哥,高铁乘务 地勤服务高铁乘务 地勤服务高铁乘务 地勤服务高铁乘务 地勤服务 ", address:'广东省广州市', img:"./assets/images/newhome/hkzyyx-1.png"},
            {id:2, name:'广东外语外贸大学继续教 育学院', intro:"空姐/空哥,高铁乘务 地勤服务 ", address:'广东省广州市', img:"./assets/images/newhome/hkzyyx-1.png"},
            {id:3, name:'广东外语外贸大学继续教 育学院', intro:"空姐/空哥,高铁乘务 地勤服务 ", address:'广东省广州市', img:"./assets/images/newhome/hkzyyx-1.png"},
            {id:4, name:'广东外语外贸大学继续教 育学院', intro:"空姐/空哥,高铁乘务 地勤服务 ", address:'广东省广州市', img:"./assets/images/newhome/hkzyyx-1.png"},
            {id:5, name:'广东外语外贸大学继续教 育学院', intro:"空姐/空哥,高铁乘务 地勤服务 ", address:'广东省广州市', img:"./assets/images/newhome/hkzyyx-1.png"},
            {id:6, name:'广东外语外贸大学继续教 育学院', intro:"空姐/空哥,高铁乘务 地勤服务 ", address:'广东省广州市', img:"./assets/images/newhome/hkzyyx-1.png"}
          ]
          
        },
        gaoxin:{
          tabs:[
            {
              name:'安检地勤',
              qianjing:qianjing,
              gxtj:[
                {name:"华北西北", list:[hotZyList[0], hotZyList[1], hotZyList[2], hotZyList[3]]},
                {name:"东北三省", list:[hotZyList[1], hotZyList[0], hotZyList[2], hotZyList[3]]},
                {name:"华南华东", list:[hotZyList[2], hotZyList[1], hotZyList[0], hotZyList[3]]},
                {name:"华中地区", list:[hotZyList[0], hotZyList[2], hotZyList[1], hotZyList[3]]},
                {name:"西南地区", list:[hotZyList[3], hotZyList[1], hotZyList[0], hotZyList[2]]},
              ],
              msyq:msyq,
              msyqimgs:["./assets/images/newhome/gx-dj1.png", "./assets/images/newhome/gx-dj2.png"]
            },
            {
              name:'飞行员',
              qianjing:qianjing,
              gxtj:[
                {name:"华北西北", list:[hotZyList[0], hotZyList[1], hotZyList[2], hotZyList[3]]},
                {name:"东北三省", list:[hotZyList[1], hotZyList[0], hotZyList[2], hotZyList[3]]},
                {name:"华南华东", list:[hotZyList[2], hotZyList[1], hotZyList[0], hotZyList[3]]},
                {name:"华中地区", list:[hotZyList[0], hotZyList[2], hotZyList[1], hotZyList[3]]},
                {name:"西南地区", list:[hotZyList[3], hotZyList[1], hotZyList[0], hotZyList[2]]},
              ],
              msyq:msyq,
              msyqimgs:["./assets/images/newhome/gx-fx1.png", "./assets/images/newhome/gx-fx2.png"]
            },
            {
              name:'酒店管理',
              qianjing:qianjing,
              gxtj:[
                {name:"华北西北", list:[hotZyList[0], hotZyList[1], hotZyList[2], hotZyList[3]]},
                {name:"东北三省", list:[hotZyList[1], hotZyList[0], hotZyList[2], hotZyList[3]]},
                {name:"华南华东", list:[hotZyList[2], hotZyList[1], hotZyList[0], hotZyList[3]]},
                {name:"华中地区", list:[hotZyList[0], hotZyList[2], hotZyList[1], hotZyList[3]]},
                {name:"西南地区", list:[hotZyList[3], hotZyList[1], hotZyList[0], hotZyList[2]]},
              ],
              msyq:msyq,
              msyqimgs:["./assets/images/newhome/gx-jd1.png", "./assets/images/newhome/gx-jd2.png"]
            },
            {
              name:'邮轮海乘',
              qianjing:qianjing,
              gxtj:[
                {name:"华北西北", list:[hotZyList[0], hotZyList[1], hotZyList[2], hotZyList[3]]},
                {name:"东北三省", list:[hotZyList[1], hotZyList[0], hotZyList[2], hotZyList[3]]},
                {name:"华南华东", list:[hotZyList[2], hotZyList[1], hotZyList[0], hotZyList[3]]},
                {name:"华中地区", list:[hotZyList[0], hotZyList[2], hotZyList[1], hotZyList[3]]},
                {name:"西南地区", list:[hotZyList[3], hotZyList[1], hotZyList[0], hotZyList[2]]},
              ],
              msyq:msyq,
              msyqimgs:["./assets/images/newhome/gx-yl1.png", "./assets/images/newhome/gx-yl2.png"]
            },
          ],
          cur1:0,
          tabs2:['专业前景','高校推荐','面试要求'],
          cur2:0,
          cur22:0,
          
        },
        hotZhuangye:{
          cur1:0,
          cur11:0,
          cur2:0,
          cur22:0,
          tabs:["专业前景","高校推荐","面试要求"],
          kongjie:{
            name:"我要学空姐/空少专业",
            qianjing:{
              intro:"我国正处于“民航大国”向“民航强国”的转变过程中，在未来十年内民航就业将处于一个巨大的上升期。据权威部门预测，我国对于空乘人才需求近50万，每年至少需要新增40000名航空服务专业人空乘职业每年有约20%的人调转岗位。这样一来空乘的需...",
              ys:["我国对于空乘人才需求近50万，每年至少需要新增40000名航空服务专业人员；","英语、德语、法语、等多语言学习，学子技能更丰富；","校企合作联合招生，培养航空复合型人才。"]
            },
            gxtj:[
              {name:"华北西北", list:[hotZyList[0], hotZyList[1], hotZyList[2], hotZyList[3]]},
              {name:"东北三省", list:[hotZyList[1], hotZyList[0], hotZyList[2], hotZyList[3]]},
              {name:"华南华东", list:[hotZyList[2], hotZyList[1], hotZyList[0], hotZyList[3]]},
              {name:"华中地区", list:[hotZyList[0], hotZyList[2], hotZyList[1], hotZyList[3]]},
              {name:"西南地区", list:[hotZyList[3], hotZyList[1], hotZyList[0], hotZyList[2]]},
            ],
            msyq:[
              '初高中毕业生。具有较强的服务意识和良好的道德品质；口齿伶俐，中英文发音准确，性格开朗、大方，心理素质好，富有合作精神；',
              '身高：男生174~182cm；女生162~172cm；视力：矫正视力不低于0.4，无色盲、色弱、斜视；五官端正，肤色好，面部和手、臂等裸露部位无明显的疤痕；身体健康、体形匀称，无明显的"O"型、"X"型腿；',
              '无肝炎或肝脾肿大、HbsAg 阴性；无精神病史，无各类慢性疾病，无肺结核等传染病；无久治不愈的皮肤病，如头癣、湿疹、牛皮癣、慢性荨麻疹等'
            ],
            msyqimgs:["./assets/images/newhome/ms-kj-1.png", "./assets/images/newhome/ms-kj-2.png"]
          },
          gaotie:{
            name:"我要学高铁乘务专业",
            qianjing:{
              intro:"根据中国（中长期铁路网规划纲要），到2020年，全国将新建约4万公里铁路，投资总规模将突破5万亿元。今后几年是中国高速铁路加速建设时期，高速铁路人才十分紧缺，按照高铁乘务专业人才按人车比150：1的比例计算在未来3到10年间，全国各大中城市将需求...",
              ys:["我国对于空乘人才需求近50万，每年至少需要新增40000名航空服务专业人员；","英语、德语、法语、等多语言学习，学子技能更丰富；","校企合作联合招生，培养航空复合型人才。"]
            },
            gxtj:[
              {name:"华北西北", list:[hotZyList[0], hotZyList[1], hotZyList[2], hotZyList[3]]},
              {name:"西南地区", list:[hotZyList[3], hotZyList[1], hotZyList[0], hotZyList[2]]},
              {name:"东北三省", list:[hotZyList[1], hotZyList[0], hotZyList[2], hotZyList[3]]},
              {name:"华南华东", list:[hotZyList[2], hotZyList[1], hotZyList[0], hotZyList[3]]},
              {name:"华中地区", list:[hotZyList[0], hotZyList[2], hotZyList[1], hotZyList[3]]},
            ],
            msyq:[
              '初高中毕业生。具有较强的服务意识和良好的道德品质；口齿伶俐，中英文发音准确，性格开朗、大方，心理素质好，富有合作精神；',
              '身高：男生174~182cm；女生162~172cm；视力：矫正视力不低于0.4，无色盲、色弱、斜视；五官端正，肤色好，面部和手、臂等裸露部位无明显的疤痕；身体健康、体形匀称，无明显的"O"型、"X"型腿；',
              '无肝炎或肝脾肿大、HbsAg 阴性；无精神病史，无各类慢性疾病，无肺结核等传染病；无久治不愈的皮肤病，如头癣、湿疹、牛皮癣、慢性荨麻疹等'
            ],
            msyqimgs:["./assets/images/newhome/ms-gt-1.png", "./assets/images/newhome/ms-gt-2.png"]
          }
        },
        // Banner
        banners: [
          './assets/images/newhome/banner0.png',
          './assets/images/newhome/banner1.png',
          './assets/images/newhome/banner2.png',
          './assets/images/newhome/banner3.png',
          './assets/images/newhome/banner4.png',
          './assets/images/newhome/banner5.png',
        ],
        year:year,
        bannerNavs:{
          list1:[
            {name:'空姐空哥', url:''},
            {name:'高铁乘务', url:''},
            {name:'地勤安检', url:''},
            {name:'邮轮海乘', url:''},
            {name:'机务维修', url:''},
            {name:'艺考空乘', url:''},
            {name:'高铁乘务', url:''},
            {name:'空姐空哥', url:''},
          ],
          list2:[
            {name:'高中毕业', url:''},
            {name:'航空预科', url:''},
            {name:'初中毕业', url:''},
            {name:'落榜生', url:''},
            {name:'面试礼仪', url:''},
            {name:'招生问答', url:''},
            {name:'面试秘籍', url:''},
            {name:'录取通知', url:''},
          ],
          list3:[
            {name:'升学录取计划', url:''},
            {name:'高考空乘两手准备', url:''},
          ]
        },
        // 定制个性化专业
        gexing:[
          {name:'空姐/空少', icon:'./assets/images/newhome/gx-ico1.png', url:''},
          {name:'高铁乘务', icon:'./assets/images/newhome/gx-ico2.png', url:''},
          {name:'地勤安检', icon:'./assets/images/newhome/gx-ico3.png', url:''},
          {name:'邮轮海乘', icon:'./assets/images/newhome/gx-ico4.png', url:''},
          {name:'铁路铁道', icon:'./assets/images/newhome/gx-ico5.png', url:''},
          {name:'机务维修', icon:'./assets/images/newhome/gx-ico6.png', url:''},
          {name:'飞行员', icon:'./assets/images/newhome/gx-ico7.png', url:''},
          {name:'互联网金融', icon:'./assets/images/newhome/gx-ico8.png', url:''},
          {name:'无人机', icon:'./assets/images/newhome/gx-ico9.png', url:''},
          {name:'网络与新媒体', icon:'./assets/images/newhome/gx-ico10.png', url:''},
          {name:'酒店管理', icon:'./assets/images/newhome/gx-ico11.png', url:''},
          {name:'初中生', icon:'./assets/images/newhome/gx-ico12.png', url:''},
          {name:'艺考生', icon:'./assets/images/newhome/gx-ico13.png', url:''},
          {name:'航空单招', icon:'./assets/images/newhome/gx-ico14.png', url:''},
        ],
        // 空乘招生报名优势全解析
        jiexi:{
          cur:0,
          tabs:['本地空乘高校', '各省院校推荐', '每周招生报名', '热门招生问题'],
          list:[
            [
              {id:1, name:"山东交通学院继教院", text:"行业端口对口实训，实战演练，实行多能多证的办..."},
              {id:2, name:"广东外语外贸大学继教院", text:"校企合作，多种语言培养，资源共享、享统招..."},
              {id:3, name:"南昌航空大学继续教育学院", text:"六大航空院校之一，拥有雄厚的师资力量团队"},
              {id:4, name:"贺州学院继续教育学院", text:"校企合作联合培养，注重实操，定期安排实习实训"},
              {id:5, name:"华南农大珠江学院继教院", text:"校企合作，技能培养+实训实习+资格证书培养..."},
              {id:6, name:"上海立达学院继教院", text:"校企合作，一体化办学，科学安排课程，技能与理..."},
              {id:7, name:"青岛大学应用技术学院", text:"校企合作培养模式，注重实训，提升学生综合竞争"},
              {id:8, name:"桂林理工大学博文管理学院继教院", text:"校企合作，合理设置学制，技能与理论"},
              {id:9, name:"华南理工大学继续教育学院", text:"校企合作，注重实习实训，提升学生综合竞争"},
              {id:10, name:"南京理工大学继续教育学院", text:"重点大学师资、小班精细化管理、享优质教育"}
            ],
            [
              {id:1, name:"山东交通学院继教院", text:"行业端口对口实训，实战演练，实行多能多证的办..."},
              {id:2, name:"中原工学院继教院", text:"校企合作，大学文化素质+职业资格证书+职业技能..."},
              {id:3, name:"广东外语外贸大学继教院", text:"校企合作，多种语言培养，资源共享、享统招..."},
              {id:4, name:"哈尔滨工业大学继教院", text:"以技能培养为主导，职业资格证书+技能培训的..."},
              {id:5, name:"南昌航空大学继续教育学院", text:"六大航空院校之一，拥有雄厚的师资力量团队"},
              {id:6, name:"华北电力(保定)继教院", text:"企业人才培养计划：专业技能+资格证书+就业推荐"},
              {id:7, name:"工大艺信应用科技学院", text:"校企合作办学，重视培养多种能力，提升综合竟争"},
              {id:8, name:"贺州学院继续教育学院", text:"校企合作联合培养，注重实操，定期安排实习实训"},
              {id:9, name:"四川外国语大学国际教育学院", text:"两门外语课程学习，扩宽学生的职业发展..."},
              {id:10, name:"太原理工大学继教院", text:"职业技能+资格证书培养模式，提高学生实践应用能"}
            ],
            [
              {id:1, name:"广东外语外贸大学继教院招生", num:17, total:20},
              {id:2, name:"大连外国语大学继续教育学院招生 ", num:13, total:20},
              {id:3, name:"华北电力大学(保定)继教院招生 ", num:11, total:20},
              {id:4, name:"中原工学院继续教育学院招生 ", num:15, total:20},
              {id:5, name:"南昌航空大学继续教育学院招生", num:5, total:20},
              {id:6, name:"贺州学院继续教育学院招生 ", num:7, total:20},
              {id:7, name:"星海音乐学院继教院招生 ", num:15, total:20}
            ],
            [
              {id:1, name:"学乘轨业率及届机待遇怎么样？"},
              {id:2, name:"学生应该怎样选择航空院校 ?"},
              {id:3, name:"不是艺考生能上航空学校吗 ?"},
              {id:4, name:"空姐的职业生涯有多长 ?"},
              {id:5, name:"细数外外航空乘职业的好处?"},
              {id:6, name:"初中生学航空可选择的学校 ?"},
              {id:7, name:"有疤痕可以学习航空专业吗 ?"},
              {id:8, name:"空姐是吃青春饭吗 ?"},
              {id:9, name:"空乘就业率及福利待遇怎么样 ?"},
              {id:10, name:"初中生空姐面试常见问题？"},
              {id:11, name:"初中毕业可以学空乘吗?"},
              {id:12, name:"初中生报考航空专业需要哪些条件?"},
              {id:13, name:"高考生落榜后+种心理调节方法"},
              {id:14, name:"空乘等服务业的相关礼节"},
              {id:15, name:"空姐体检可以戴隐形眼镜吗?"},
              {id:16, name:"空姐们应该掌握的机舱小知识"}
            ]
          ],
          banner:[
            './assets/images/newhome/ys-img1.png',
            './assets/images/newhome/ys-img2.png',
            './assets/images/newhome/ys-img3.png',
          ],
          ricur:0,
          ritabs:[
            {
              name:"热门关注",
              list:[
                {id:1, name:"空姐专业:入学即为准空姐，金领..."},
                {id:2, name:"初中学历可以上大学-学历学信网"},
                {id:3, name:"艺考学空乘:追求梦想很苦，但也"},
                {id:4, name:year+"年搭上高速动车，前程高速"},
                {id:5, name:"“高考+空乘”双选择，抓住高校入"},
                {id:6, name:"航空单招计划，避开高考，直通”"},
                {id:7, name:"海乘海员:漂浮黄金航道上的金领"},
                {id:8, name:"一分钟测试，我相信我就是当空姐"}
              ]
            },
            {
              name:"热门专题",
              list:[
                {id:7, name:"海乘海员:漂浮黄金航道上的金领"},
                {id:8, name:"一分钟测试，我相信我就是当空姐"},
                {id:1, name:"空姐专业:入学即为准空姐，金领..."},
                {id:2, name:"初中学历可以上大学-学历学信网"},
                {id:3, name:"艺考学空乘:追求梦想很苦，但也"},
                {id:4, name:year+"年搭上高速动车，前程高速"},
                {id:5, name:'“高考+空乘”双选择，抓住高校入'},
                {id:6, name:"航空单招计划，避开高考，直通”"},
              ]
            }
          ],
          bottom:[
            {name:"快速报名", text:"快速报名", url:'', ico:'./assets/images/newhome/ys-1.png'},
            {name:"录取查询", text:"快速报名", url:'', ico:'./assets/images/newhome/ys-2.png'},
            {name:"智能选校", text:"快速报名", url:'', ico:'./assets/images/newhome/ys-3.png'},
            {name:"专业评估", text:"快速报名", url:'', ico:'./assets/images/newhome/ys-4.png'},
            {name:"在线查询", text:"快速报名", url:'', ico:'./assets/images/newhome/ys-5.png'}
          ]
        },
        
        // 艺考生学空乘
        yksxkc:{
          cur:0,
          cur2:0,
          tabs:[
            {
              id:1, name:"华东/华南", 
              data:[
                {id:1, name:"湖北工业大学继教院", title:"湖北工业大学继教院（保定 ）继续教育学院", intro:"具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达130万，高薪高福利成为必然，可实现专业愿是础入行，职业的的强化训练和职业化司导，就可成为个业急重的技能型网络安全人才，就业面广，实战经验活用..." ,img:'./assets/images/newhome/yks-img1.png', logo:'./assets/images/newhome/yks-logo1.png'},
                {id:2, name:"中原工学院继教院", title:"中原工学院继教院（保定 ）继续教育学院", intro:"中原工学院继教院具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/gxtj-kj-4.png', logo:'./assets/images/newhome/yks-logo2.png'},
                {id:3, name:"河南师范大学继教院", title:"河南师范大学继教院（保定 ）继续教育学院", intro:"河南师范大学继教院具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/ys-img3.png', logo:'./assets/images/newhome/yks-logo3.png'},
                {id:4, name:"中原工学院继教院1", title:"中原工学院继教院1（保定 ）继续教育学院", intro:"中原工学院继教院1具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/gxtj-kj-4.png', logo:'./assets/images/newhome/yks-logo1.png'},
                {id:5, name:"河南师范大学继教院1", title:"河南师范大学继教院1（保定 ）继续教育学院", intro:"河南师范大学继教院1具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/ys-img3.png', logo:'./assets/images/newhome/yks-logo2.png'}
              ]
            },
            {
              id:2, name:"西南", 
              data:[
                {id:2, name:"中原工学院继教院", title:"中原工学院继教院（保定 ）继续教育学院", intro:"中原工学院继教院具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/gxtj-kj-4.png', logo:'./assets/images/newhome/ms-kj-2.png'},
                {id:1, name:"湖北工业大学继教院", title:"湖北工业大学继教院（保定 ）继续教育学院", intro:"具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1" ,img:'./assets/images/newhome/yks-img1.png', logo:'./assets/images/newhome/yks-logo1.png'},
                {id:3, name:"河南师范大学继教院", title:"河南师范大学继教院（保定 ）继续教育学院", intro:"河南师范大学继教院具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/ys-img3.png', logo:'./assets/images/newhome/gx-yl2.png'},
                {id:4, name:"中原工学院继教院1", title:"中原工学院继教院1（保定 ）继续教育学院", intro:"中原工学院继教院1具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/gxtj-kj-4.png', logo:'./assets/images/newhome/ms-kj-2.png'},
                {id:5, name:"河南师范大学继教院1", title:"河南师范大学继教院1（保定 ）继续教育学院", intro:"河南师范大学继教院1具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/ys-img3.png', logo:'./assets/images/newhome/hkzyyx-1.png'}
              ]
            },
            {
              id:3, name:"华北/西北", 
              data:[
                {id:3, name:"河南师范大学继教院", title:"河南师范大学继教院（保定 ）继续教育学院", intro:"河南师范大学继教院具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/ys-img3.png', logo:'./assets/images/newhome/gx-yl2.png'},
                {id:1, name:"湖北工业大学继教院", title:"湖北工业大学继教院（保定 ）继续教育学院", intro:"具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1" ,img:'./assets/images/newhome/yks-img1.png', logo:'./assets/images/newhome/yks-logo1.png'},
                {id:2, name:"中原工学院继教院", title:"中原工学院继教院（保定 ）继续教育学院", intro:"中原工学院继教院具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/gxtj-kj-4.png', logo:'./assets/images/newhome/ms-kj-2.png'},
                {id:4, name:"中原工学院继教院1", title:"中原工学院继教院1（保定 ）继续教育学院", intro:"中原工学院继教院1具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/gxtj-kj-4.png', logo:'./assets/images/newhome/ms-kj-2.png'},
                {id:5, name:"河南师范大学继教院1", title:"河南师范大学继教院1（保定 ）继续教育学院", intro:"河南师范大学继教院1具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/ys-img3.png', logo:'./assets/images/newhome/hkzyyx-1.png'}
              ]
            },
            {
              id:4, name:"东北", 
              data:[
                
                {id:4, name:"中原工学院继教院1", title:"中原工学院继教院1（保定 ）继续教育学院", intro:"中原工学院继教院1具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/gxtj-kj-4.png', logo:'./assets/images/newhome/ms-kj-2.png'},
                {id:1, name:"湖北工业大学继教院", title:"湖北工业大学继教院（保定 ）继续教育学院", intro:"具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1" ,img:'./assets/images/newhome/yks-img1.png', logo:'./assets/images/newhome/yks-logo1.png'},
                {id:2, name:"中原工学院继教院", title:"中原工学院继教院（保定 ）继续教育学院", intro:"中原工学院继教院具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/gxtj-kj-4.png', logo:'./assets/images/newhome/ms-kj-2.png'},
                {id:3, name:"河南师范大学继教院", title:"河南师范大学继教院（保定 ）继续教育学院", intro:"河南师范大学继教院具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/ys-img3.png', logo:'./assets/images/newhome/gx-yl2.png'},
                {id:5, name:"河南师范大学继教院1", title:"河南师范大学继教院1（保定 ）继续教育学院", intro:"河南师范大学继教院1具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/ys-img3.png', logo:'./assets/images/newhome/hkzyyx-1.png'}
              ]
            },
            {
              id:5, name:"华中", 
              data:[
                {id:5, name:"河南师范大学继教院1", title:"河南师范大学继教院1（保定 ）继续教育学院", intro:"河南师范大学继教院1具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/ys-img3.png', logo:'./assets/images/newhome/hkzyyx-1.png'},
                {id:1, name:"湖北工业大学继教院", title:"湖北工业大学继教院（保定 ）继续教育学院", intro:"具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1" ,img:'./assets/images/newhome/yks-img1.png', logo:'./assets/images/newhome/yks-logo1.png'},
                {id:2, name:"中原工学院继教院", title:"中原工学院继教院（保定 ）继续教育学院", intro:"中原工学院继教院具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/gxtj-kj-4.png', logo:'./assets/images/newhome/ms-kj-2.png'},
                {id:3, name:"河南师范大学继教院", title:"河南师范大学继教院（保定 ）继续教育学院", intro:"河南师范大学继教院具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/ys-img3.png', logo:'./assets/images/newhome/gx-yl2.png'},
                {id:4, name:"中原工学院继教院1", title:"中原工学院继教院1（保定 ）继续教育学院", intro:"中原工学院继教院1具增值潜力的职业，掌握企业核心网络架构、安全技术，具有不可替代的竞争优势人才缺口大，27%的行业增长速度导致网络人才年缺口达1", img:'./assets/images/newhome/gxtj-kj-4.png', logo:'./assets/images/newhome/ms-kj-2.png'},
              ]
            },
          ],
          riCon:[
            {name:"雄厚的师资力量", intro:"准军事化管理,设有专职的辅导老师和日常生活管理老 师,专职班主任全程跟班"},
            {name:"奖学金制度", intro:"项目设有奖学金制度，同时帮助家庭经济困难的学生 安排勤工俭学和兼职机会"},
            {name:"完善的就业推荐体系", intro:"与国内外多家航空公司、外航服务公司、机场合作，解 决学生的就业安置工"}
          ]
        },
        
        hotHuati:[
          {id:1, name:"航空专业要求", lab:["艺考生可以上吗？","孩子英语不好可以上吗？","航空专业到底有哪些要求？"], bg:"./assets/images/newhome/rdht-1.png"},
          {id:2, name:"航空专业就业", lab:["这个专业可以保证就业吗？ ","将来就业的薪资待遇怎么样？","空乘专业是吃青春饭的吗？"], bg:"./assets/images/newhome/rdht-2.png"},
          {id:3, name:"航空专业资格证书", lab:["咱们这边可以获得什么职业资格？","这个职业资格证书是国家认可的？","可以继续深造？"], bg:"./assets/images/newhome/rdht-3.png"},
          {id:4, name:"航空专业入学", lab:["要怎么样报考？","学校管理严格吗？","入学之后会学习什么课程？"], bg:"./assets/images/newhome/rdht-4.png"}
        ],
        hkyxgwCur:0,
        hkyxgw:[
          {id:1, name:"空少/空姐/空乘", intro:"各大国内外航空公司工作", img:"./assets/images/newhome/hkyx-img1.png", guonei:"地方航空公司、民营航空公司、外服务公司、各大机场", guowai:"加拿大航空、大韩航空阿联奠航空等", school:"南昌航空大学继教院"},
          {id:2, name:"VIP地勤人员", intro:"各大国内外航空公司工作", img:"./assets/images/newhome/hkyx-img2.png", guonei:"地方VIP地勤人员、民营VIP地勤人员、各大机场", guowai:"加拿大航空、大韩航空阿联奠航空等", school:"南昌航空大学继教院"},
          {id:3, name:"高铁乘务人员", intro:"各大国内外航空公司工作", img:"./assets/images/newhome/hkyx-img3.png", guonei:"高铁乘务人员、民营航空公司、外服务公司、各大机场", guowai:"加拿大航空、大韩航空阿联奠航空等", school:"湖北工业大学继教院"},
          {id:4, name:"艺术类工作者", intro:"各大国内外航空公司工作", img:"./assets/images/newhome/hkyx-img4.png", guonei:"艺术类工作者、民营航空公司、外服务公司、各大机场", guowai:"加拿大航空、大韩航空阿联奠航空等", school:"中原工学院继教院"},
          {id:5, name:"互联网金融", intro:"各大国内外航空公司工作", img:"./assets/images/newhome/hkyx-img5.png", guonei:"互联网金融、民营航空公司、外服务公司、各大机场", guowai:"加拿大航空、大韩航空阿联奠航空等", school:"河南师范大学继教院"}
        ],
        
        form:{
          zhuanye:"",
          name:"",
          mobile:""
        },
        zhuangyeList:[
          { id: 1, name: '空少/空姐/空乘' },
          { id: 2, name: 'VIP地勤人员' },
          { id: 3, name: '艺术类工作者' },
        ],
        
        // 弹窗是否展示
        visible: false,
        
      },
      methods: {
        
        handleCurrentChange(val) {
          console.log(`当前页: ${val}`);
        },
        mousemoveYks(index){
          this.yksxkc.cur = index;
          yksSwiper.destroy(false);
          this.yksBan()
        },
        yksBan(){
          let that = this;
          yksSwiper = new Swiper(".main3 .mySwiper", {
            spaceBetween: 0,
            slidesPerView: 3,
            speed: 1400,
            autoplay: false,
            navigation: {
              nextEl: ".main3 .next",
              prevEl: ".main3 .prev",
            },
            on: {
              slideChangeTransitionStart: function () {
                console.log(this.activeIndex)
                that.yksxkc.cur2 = this.activeIndex;
                  
              },
            },
          });
        },
        
      },
      mounted() {
        this.yksBan();
        
        var swiper1 = new Swiper(".banner .mySwiper", {
            spaceBetween: 0,
            loop: true,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            pagination: {
                el: ".banner .swiper-pagination",
                clickable: true,
            },
            navigation: {
              nextEl: ".banner .next",
              prevEl: ".banner .prev",
            },
        });
      }
    })
  </script>
</body>
</html>